<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>地图插件学习</title>
  <!-- 1. 导入js -->
  <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=47d7d001d092b1eb3f1871ad6cdb6749"></script> 
</head>
<body>
  <!-- 2. 容器 -->
  <div id="map_container" style="height: 500px;"></div>

  <script>
    //3. 初始化地图
    var map = new AMap.Map('map_container',{
      zoom:12,        // 缩放级别
      center:[103.834249,36.06081], //中心点
      mapStyle: 'amap://styles/fresh'  //地图样式
    });
    //4. 标注
    var marker = new AMap.Marker({
        icon: "http://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png",
        position: [103.698965,36.090771],
        offset: new AMap.Pixel(-13, -30)
    });
    marker.setMap(map);
  </script>
</body>
</html>
